<div class="row">
  <div class="col-lg-8">
    <tabset>
      <tab heading="Latest">
        <div class="form-group">
          <label class="form-control-label small text-muted">File Name</label>
          <p class="form-control-static">notification.pdf</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">version</label>
          <p class="form-control-static">00003</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">Registrar</label>
          <p class="form-control-static">Admin Foxit</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">Registration Time</label>
          <p class="form-control-static">15/04/2016 05:30:23 AM</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">Device</label>
          <p class="form-control-static">POOJA-PC - PC</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">Pages</label>
          <p class="form-control-static">2.9KB</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">Size</label>
          <p class="form-control-static">1.2KB</p>
        </div>
      </tab>

      <tab heading="Original">
        <div class="form-group">
          <label class="form-control-label small text-muted">version</label>
          <p class="form-control-static">0000011111</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">version</label>
          <p class="form-control-static">0000011111</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">version</label>
          <p class="form-control-static">0000011111</p>
        </div>
        <div class="form-group">
          <label class="form-control-label small text-muted">version</label>
          <p class="form-control-static">0000011111</p>
        </div>
      </tab>
    </tabset>
    <div class="other-info">
      <div class="form-group">
        <label class="form-control-label small text-muted">Owner</label>
        <p class="form-control-static">Admin Foxit</p>
      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="row">
      <div class="col-md-6 col-lg-12">
        <div class="panel panel-primary">
          <div class="panel-header">panel-header</div>
          <div>
            <canvas baseChart
                    [datasets]="barChartData"
                    [labels]="barChartLabels"
                    [options]="barChartOptions"
                    [legend]="barChartLegend"
                    [chartType]="barChartType"
                    (chartHover)="chartHovered($event)"
                    (chartClick)="chartClicked($event)"></canvas>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-12">
        <div class="panel panel-primary">
          <div class="panel-header">panel-header</div>
          <div>
            <canvas baseChart
                    [data]="pieChartData"
                    [labels]="pieChartLabels"
                    [chartType]="pieChartType"
                    (chartHover)="chartHovered($event)"
                    (chartClick)="chartClicked($event)"></canvas>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<router-outlet></router-outlet>
